<!--左侧悬浮栏-->
<template>
  <div class="hang-out">
  <section class="hang-section">

    <el-badge :value="200" :max="99" class="hang-item" type="success">
      <div class="hang-svg praise-2-svg"></div>
    </el-badge>

    <div class="hang-item">
      <div class="hang-svg reply-2-svg"></div>
    </div>

    <div class="hang-item">
      <div class="hang-svg collect-2-svg"></div>
    </div>

    <div class="hang-item">
      <div class="hang-svg share-2-svg"></div>
    </div>

  </section>
  </div>
</template>

<script setup>

</script>

<style scoped>
.hang-out{
  width:100%;
  height:100%;
  position: relative;
}
.hang-section{
  width:4rem;
  /*height:15rem;*/
  position: fixed;
  //left:15rem;
  //top:40rem;
  margin-left: 15rem;
  margin-top: 17rem;
  /*background-color: pink;*/
}
.hang-item{
  width:3.5rem;
  height:3.5rem;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 1);
  margin: 0 auto;
  padding: 7.5px;
  margin-bottom: 2rem;
}
.hang-svg{
  cursor: pointer;
  width:2rem;
  height:2rem;
  background-size: 1.8rem 1.8rem;
  background-position: center;
}
</style>
